<ion-content no-padding class="exchange-room" (click)="dismiss()">
  <ion-grid class="msg-confirm" (click)="prevent($event)">
    <ion-row class="top">
      <ion-icon name="half-apple"></ion-icon>
      <ion-col ion-text text-left class="title">
        申请换房
      </ion-col>
    </ion-row>
    <ion-row class="choose">
      <ion-col col-4 ion-text text-left no-padding>公寓</ion-col>
      <ion-col col-8 class="outer" no-padding>
        <select [(ngModel)]="data.newApartmentId">
          <option
            *ngFor="let v of apartmentList"
            [value]="v.id">{{v.name}}
          </option>
        </select>
      </ion-col>
    </ion-row>

    <ion-row class="choose">
      <ion-col col-4 ion-text text-left no-padding>房间号</ion-col>
      <ion-col col-8 class="roomNo">
        <ion-input no-margin type="text" placeholder="请输入房间号" [(ngModel)]="data.newHouseNo"></ion-input>
      </ion-col>
    </ion-row>
    <ion-row>
      <button no-margin ion-button outline (click)="apply();">
        立即申请
      </button>
    </ion-row>
  </ion-grid>
</ion-content>
